<template>
  <h1>1.组件的基本写法</h1>
  <h2>count:{{ count }}</h2>
  <button @click="changeCount">改变count</button>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "About",
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    changeCount() {
      this.count++;
    },
  },
});
</script>

<style scoped></style>
